<template>
  <div>父组件</div>
  <HeaderVue />
  <div class="main-wrapper">
    <NavVue />
    <Main />
  </div>
</template>
<script setup>
import HeaderVue from "./components/头部.vue";
import Main from "./components/身体.vue";
import NavVue from "./components/菜单.vue";
</script>
<style>
header,
main,
nav {
  border: 1px solid #000;
  text-align: center;
}
.main-wrapper {
  display: flex;
}
main {
  flex: 1;
}
</style>
